@charset "utf-8";
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure {margin: 0;padding: 0;}
body, html, input, button, textarea {color: #333;font-family: 'SourceSansProRegular',Arial,Tahoma,Verdana,Helvetica,sans-serif;font-size: 14px;}
article, aside, figcaption, figure, footer, header, main, nav, section {display: block;}
body {background: #FFFFFF;}
h1 {font-size: 18px}
h2 {font-size: 16px;}
h3, h4, h5 {font-size: 14px;}
img {border: none;vertical-align: middle;}
li {list-style: none;}
i, em {font-style: normal;}
a {color: #666;text-decoration: none;}
a:focus, .head-search .search-btn:focus {outline: none;}
a:hover {color: #000;text-decoration: none;}
input[type="text"]:focus {outline: none;}
input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
input[type="text"], input[type="password"], input[type="button"], input[type="reset"], input[type="submit"], select, textarea {-webkit-appearance: none;appearance: none;border-radius: 0;}
button, input, select, textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align:middle;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
::-moz-selection {background-color:#000;color:#fff;}
::selection {background-color: #000;color: #fff;}
:focus {outline: none!important;}
[v-cloak]{display: none;}
.clearfix:before,.clearfix:after {display: table;content: "";}
.clearfix:after {clear: both}
.mk-layout{width: 1200px;margin: 0 auto;position: relative;}
.mk-layout:after{content: "";display: block;clear: both;visibility: hidden;height: 0;}
/*头部*/
.mk-header{position: relative;width: 100%;background: #FFFFFF;}
.header-topbar{line-height: 38px;border-bottom: 1px solid #d2d2d2;background-color: #474747;clear: both;display:none}
.header-menu{position: relative;width:100%;padding:12px 0;position: fixed;left: 0;top: 0;z-index:2;transition: all .2s ease;}
.header-sub {padding:260px 50px 50px 50px;background-position: center 0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;margin: 0 auto 55px;}
/*菜单*/
.mk-logo {display: block;position: relative;max-height: 36px;overflow: hidden;float: left;margin-right: 55px;margin-top:12px;transition: all  0.3s;-webkit-transition: all  0.3s;}
.el-menu {border-bottom: 0!important;transition: all  0.3s;-webkit-transition: all  0.3s;display: inline-block;vertical-align: top;}
.el-menu li, .el-submenu__title {border-bottom: 0!important;background-color:transparent!important;font-size: 14px;font-weight: bold;}
.el-menu li:hover,.el-submenu__title:hover {color:#282f89!important;}
.mk-submenu-title {display: inline-block;}
.el-submenu__title i {color: #666;}
.el-submenu__title:hover i {color:#282f89!important;}
.el-menu--horizontal ul {background-color: #fff!important;}
.el-menu--horizontal ul li{color:#000;font-size: 12px;}
.el-menu--horizontal ul li:hover {color: #282f89!important;}
.mk-top .header-menu{position: fixed;z-index:999;background-color:#fff;padding: 0;transition: all  0.3s;-webkit-transition: all  0.3s;}
/*底部*/
.foot-wrapper {width: 100%;position: relative;background-color: #272e89;}
.foot-item-contact {max-width: 310px;float: left;}
.foot-item, .foot-item a {color: #fff;}
.foot-item {padding-top: 25px;padding-bottom: 25px;}
.foot-item .foot-tit {font-size: 20px;padding: 5px 0 0;font-family: SourceSansProSemibold;font-weight: bold;}
.foot-item .foot-cont {padding-top: 30px;}
.foot-item-contact ul li {line-height: 40px;font-size: 16px;}
.foot-item-inquiry {width: 600px;float: right;position: relative;z-index: 10;}
.foot-item .foot-cont {padding-top: 40px;}
.subscribe p {position: relative;font-size: 16px;margin: 0 0 20px;}
.subscribe-form {position: relative;height: 40px;border-bottom: 1px solid #3487bd;}
.subscribe-form .subscribe-btn {position: absolute;right: 0;top: 0;height: 40px;line-height: 40px;border: none;background: none;color: #FFF;}
.foot-wrapper:after {content: '';display: block;width: 55%;height: 100%;position: absolute;right: 0;top: 0;background-color: #0069ad;background-image: url(../img/footer-bg-map.png);background-position: 100px center;background-repeat: no-repeat;z-index: 1;transition: all 5s ease;}
.foot-copyright {display: block;text-align: center;padding: 20px 0;font-size: 16px;text-transform: uppercase;font-family: SourceSansProBoldIt;color: #000;}
.foot-copyright img {width: 35px;}
.foot-copyright img, .foot-copyright p {display: inline-block;vertical-align: middle;}
.foot-copyright p {padding-left: 5px;}
.foot-gotop {display: block;height: 70px;background-color: #222;background-image: url(../img/foot-gotop.png);background-position: center;background-repeat: no-repeat;cursor: pointer;}
.foot-gotop:hover {background-color: #000;}
/*面包屑*/
.mk-crumbs li { display: inline-block; vertical-align: top; position: relative; font-size: 14px; text-transform: capitalize; }
.mk-crumbs a { color: #fff;font-size: 16px;}
.mk-crumbs i{color: #fff;padding: 0 10px;font-size: 16px;}
.mk-crumbs .active a {color: #016aac;}
/*语言切换*/
.mk-language{float:right;}
.mk-language-selected {line-height: 20px;padding: 5px 15px;background: #272e89;margin-top:15px;margin-right: 10px;}
.mk-language-title{color:#fff}
.mk-language-flag-warp {width: 150px;}
.mk-language-flag-icon {width: 30px;height: 20px;vertical-align: middle;margin-right: 5px;}
.flag-show .mk-icon-down {transform: rotate(180deg);}
.mk-icon-down {transition: transform .3s;color: #fff}
/*个人信息*/
.mk-userinfo {line-height: 25px;padding: 15px;float:right;}
.mk-userinfo-selected{height: 30px;overflow: hidden;}
.mk-userinfo-list-icon i {font-size: 16px;margin-right: 10px}
.mk-userinfo-cover {float: left;margin-right: 5px;height: 30px;width: 30px;border-radius: 30px}
.mk-userinfo-cover img{width: 100%}
.mk-userinfo .mk-icon-down{color: #666;float: right;margin-top: 8px;margin-left: 4px;}
/*返回顶部*/
.mk-gotop {display: block;width: 43px;height: 43px;line-height: 40px;text-align: center;background-image: url(../img/top.png);background-position: center center;background-repeat: no-repeat;position: fixed;right: 20px;bottom: 270px;color: #fff;font-size: 14px;font-weight: bold;cursor: pointer;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index:9999}
.mk-gotop:hover {-moz-transform: translateY(-6px);-webkit-transform: translateY(-6px);-ms-transform: translateY(-6px);-o-transform: translateY(-6px);transform: translateY(-6px);}
/*搜索框*/
.mk-search-input{float:right;margin-top:15px;}
.mk-search-input .mk-search-button{cursor:pointer;width: 100px;height: 30px;background-color: #016aac;border-radius: 3px;line-height:34px;text-align:center}
.mk-search-input .mk-search-button i{font-size:18px;color:#fff}
/*搜索页面*/
.mk-search{margin-top: 20px;text-align: center;}
.mk-search .empty{font-size: 20px;}
.mk-search .item{display: flex;}
.mk-search .el-image{width: 100px}
.mk-search .content{margin-left: 20px;text-align: left;}
/*错误页面*/
.mk-error-page{padding: 10px;text-align: center;}
.mk-error-page img{width: 350px;}
/*登录页面*/
.login-wrapper{min-width: 1040px;min-height: 99.9vh;position: relative;}
.login-wrapper:before, .login-wrapper:after {content: '';position: fixed;bottom: 0;background-size: contain;background-repeat: no-repeat;z-index: 0;}
.login-wrapper:before {width: 394px;height: 468px;background-image: url(../img/wrapper_before.png);left: 0;}
.login-wrapper:after {width: 487px;height: 412px;background-image: url(../img/wrapper_after.png);right: 0;}
.login-container{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 1000px;z-index:1;}
.login-body{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);}
.login-side,.login-form{position: relative;width: 500px;height: 600px;}
.login-side-content,.login-form-content{padding: 80px 80px 48px}
.login-side{background: linear-gradient(0deg, #3a485a 0%, #607089 100%);}
.login-side::before, .login-side::after {content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.login-side::before {background: url(../img/side_before.png) no-repeat 0 0;}
.login-side::after {background: url(../img/side_after.png) no-repeat right bottom;}
.login-side-logo img {width: 186px;}
.login-side-title{font-size: 24px;margin-top: 20px;color: #FFFFFF}
.login-side-comments{color: #fff;font-size: 14px;margin-top: 46px;line-height: 1.71429;}
.login-side-footer {position: absolute;bottom: 30px;font-size: 14px;padding-top: 40px;border-top: 1px solid rgba(255,255,255,0.2);}
.login-side-footer a {color: #FFFFFF;}
.login-form{background-color: #FFFFFF}
.login-form .login-title {color: #465C98;font-size: 24px}
.login-form .login-ctitle {color: #C4C4C4;font-size: 14px;}
.login-form .login-btn{background-color: #465C98;color: #FFFFFF}
.login-footer{margin-top: 50px;text-align: center;z-index: 1}
.login-footer .login-footer-item{margin: 0 10px;}
/*登录弹窗*/
.mk-login-dialog .el-dialog--center .el-dialog__body{height: 500px}
.mk-login-dialog .el-dialog__header{padding: 10px;}
.mk-login-dialog .el-dialog__title{color:#465C98;}
.mk-login-dialog .mk-aside-logo-warp{padding: 20px 0}
.mk-login-dialog .el-dialog__headerbtn .el-dialog__close{color:#465C98;}
.mk-login-dialog .el-dialog__headerbtn{top: 10px}
.mk-login-dialog .el-dialog--center .el-dialog__body{background-color: #465C98;padding:20px;}
.mk-login-dialog .regOrPwd a{color: #FFFFFF}
.mk-login-dialog .el-checkbox__label{color: #FFFFFF}
/*登录表单*/
.mk-login-form .el-form-item{margin-bottom: 5px}
.mk-login-form .mk-captcha-title{font-size: 20px;color:#333;margin: 20px 0;text-align: center;}
.mk-login-form .el-input{margin-top: 20px}
.mk-login-form .el-input__icon {line-height:40px;font-size: 16px;}
.mk-login-form .regOrPwd{height: 50px;line-height: 50px;}
.mk-login-form .regOrPwd .password{float: left;}
.mk-login-form .regOrPwd .register{float: right;}
.mk-login-form .el-checkbox{margin-top: 15px}
.mk-login-form .login-btn{width: 100%;height: 50px;cursor: pointer;font-size: 14px;margin-top: 20px}
/*会员中心*/
.mk-personal {padding: 100px 0px 20px 0px;width: 1200px;margin: 0 auto;display: flex;}
.mk-personal table td,
.mk-personal table th {padding: 12px 0;min-width: 0;box-sizing: border-box;text-overflow: ellipsis;vertical-align: middle;position: relative;text-align: left;}
.mk-personal .el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left::after{display: none}
.mk-personal-content{background-color: #fff;margin-bottom: 20px;width:-webkit-calc(100% - 150px);width:-moz-calc(100% - 150px);width:calc(100% - 150px);}
.mk-personal-content table th{text-align: left;}
.mk-personal-dashboard .counter-item {max-width: 360px;margin: 10px auto;padding: 10px 10px;}
.mk-personal-dashboard .counter-item i {width: 70px;height: 70px;line-height: 70px;font-size: 40px;text-align: center;border-radius: 50%;float: left;border: 1px solid #f6f6f6;}
.mk-personal-dashboard .counter-item h4 {position: relative;margin-top: 0;margin-bottom: 0;font-size: 30px;font-weight: 400;line-height: 50px;height: 50px;color: #444;font-family: Helvetica, Arial;}
.mk-personal-dashboard .counter-item h4, .mk-personal-dashboard .counter-item p {margin-left: 90px;}
.mk-personal-dashboard .counter-item p {color: #999;}
.mk-personal thead{display: none}
.mk-personal-public-item{position: relative;}
.mk-personal-public-item i{font-size: 18px}
.mk-personal-public-item .title{width: 90px;display: inline-block;text-align: left;}
.mk-personal-public-item .badge{position: absolute;right: 6px;top: 6px;display: block;width: 16px;height: 16px;border-radius: 16px;background-color: red;line-height: 16px;font-size: 12px;color: #fff;text-align: center;}
.el-avatar{background-color: #465C98}
.el-avatar>img{width: 100%}
.calendar-to-day{width: 30px;height: 30px;line-height: 30px;border-radius: 30px;display: block;text-align: center;margin-top: 19.5px;margin-left: 27.5px;}
.calendar-to-signin{background: #f7b82e;color: #fff;}
.is-today .calendar-to-day{background: #409EFF;color: #fff;}
.user-thumb-item{display: inline-block;margin-right: 6px;}
/*幻灯片*/
.mk-swiper {width: 100%;height: 100%;position: relative;}
.mk-swiper img{width:100%}
.mk-swiper a{font-size:14px;}
.mk-swiper .swiper-container{overflow: hidden;width: 100%;height: 100%;}
.mk-swiper .swiper-slide {text-align: center;font-size: 18px;background: #fff;;align-items: center;}
.mk-swiper .swiper-button:after{display: none}
.mk-swiper .gallery-top{position:relative}
.mk-swiper .gallery-thumbs{position:relative;margin: 10px 0;}
.mk-swiper .gallery-thumbs .swiper-button i{font-size: 30px;color: rgb(255, 208, 75)}
.mk-swiper .gallery-thumbs .swiper-button-next{right: -30px;top: auto;bottom: 22px;}
.mk-swiper .gallery-thumbs .swiper-button-prev{left: -30px;top: auto;bottom: 22px;}
.side-product .gallery-top{padding: 30px 0;height:100%}
.side-product .gallery-top .swiper-button{width: 100%;height: 30px;text-align: center;}
.side-product .gallery-top .swiper-button-next{top: auto;bottom: -10px;right: 0;left: 0}
.side-product .gallery-top .swiper-button-prev{top: 10px;bottom: auto;right: 0;left: 0}
.side-product .gallery-top .swiper-button i{font-size: 30px;color: #000;font-weight:700}
.side-product .swiper-slide{height:100px;}
.side-product .swiper-slide span {height: 75px;}
.zoom .gallery-top .swiper-container{overflow: initial;}
.zoom .gallery-top .swiper-slide{display: none}
.zoom .gallery-top .swiper-slide-active{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.zoom .gallery-thumbs .swiper-slide{width:25%}
.related .gallery-top{padding: 0 30px;}
.related .swiper-button{right: auto;height: 100%;top: 0;margin-top: 0;font-size: 30px;color: #E6A23C}
.related .swiper-button-next{right: 0;}
.related .swiper-button-prev{left: 0;}
.related .swiper-slide{width:25%}
.related .swiper-slide span{padding: 0 10px;display: block;}
.banner .swiper-button i{font-size: 40px;color: #fff}
.banner .swiper-pagination-bullet{width: 20px;height: 20px;border-radius: 0;background-color: #eee;border:2px solid #eee}
.banner .swiper-pagination-bullet-active{background-color: #000;}
.banner .swiper-pagination-bullet,
.banner .swiper-button{opacity: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.banner:hover .swiper-pagination-bullet{opacity: 1}
.banner:hover .swiper-button{opacity: 1;margin-left:20px;margin-right: 20px;}
/*放大镜*/
.mk-pic-zoom .choose {float: left;}
.mk-pic-zoom .content {position: relative;}
.mk-pic-zoom .content img {width: 100%;height: 100%;}
.mk-pic-zoom .larger {position: absolute;z-index:1;top: 0;float: left;overflow: hidden;display: none;background-color:#fff}
.mk-pic-zoom .larger img {position: absolute;left: 0;top: 0;}
.mk-pic-zoom .shadow {background-color: rgba(145, 200, 200, 0.4);position: absolute;left: 0;top: 0;z-index: 10;display: none;}
/*分页*/
.page_title { position: relative; font-size: 24px;text-transform: capitalize; margin: 0 0 25px; font-family: 'Hind-Medium'; font-weight: normal; border-bottom: 1px solid #cfcfcf; padding-bottom: 25px; }
.page_bar { position: relative; line-height: 31px; height: 33px; margin: 50px 0; text-align: center; font-size: 12px; clear:both}
.page_bar a,.page_bar span { position: relative; display: inline-block; vertical-align: top; min-width: 33px; padding: 0 5px; border: 1px solid #e6e8e7; margin: 0 0 0 8px; text-align: center; border-radius: 3px; }
.page_bar span.active,.page_bar a:hover { border-color: #fe7012; color: #fe7012; }
.el-pagination {text-align: center;margin: 10px 0;}
.mk-next-prev-page{display: flex;margin:10px 0;}
.mk-next-prev-page div{width: 50%}
/*主页*/
.company-synopses-wrap {padding: 85px 0;}
.index-tit-bar {text-align: center;margin-bottom: 30px;}
.index-tit-bar .title {font-size: 55px;font-weight: normal;line-height: 70px}
.index-tit-bar .desc {max-width: 630px;margin: 0 auto;font-size: 18px;padding: 10px 0 0;}
.index-synopsis-item .item-wrap {margin: 0 40px 15px;}
.index-synopsis-item .item-wrap .item-img {position: relative;}
.index-synopsis-item .item-wrap .item-img, .synopsis-item .item-wrap .item-img a, .synopsis-item .item-wrap img {display: block;width: 100%;height: auto;}
.index-synopsis-item .item-wrap .item-info {text-align: center;padding: 12px 0 0;}
.index-synopsis-item .item-wrap .item-title, .synopsis-item .item-wrap .item-title a {color: #333;font-weight: bold;}
.index-synopsis-item .item-wrap .item-title {font-size: 30px;height: 30px;line-height: 30px;overflow: hidden;}
.index-synopsis-item .item-wrap .item-desc {height: 80px;line-height: 20px;font-size: 15px;overflow: hidden;color: #666;margin-top: 10px;}
.index-synopsis-item .item-wrap .item-img a:before {content: '';display: block;width: 248px;height: 248px;border: 1px solid #ccc;position: absolute;left: 50%;margin-left: -125px;bottom: 10px;border-radius: 50%;-webkit-transition: all .8s ease;transition: all .8s ease;}
.index-synopsis-item .item-wrap .item-img a:after {content: '';display: block;width: 130px;height: 130px;background-color: #000;background-image: url(../img/pd-hover-arrow.png);background-position: center;background-repeat: no-repeat;position: absolute;left: 50%;top: 50%;margin-left: -65px;margin-top: -50px;z-index: 1001;border-radius: 50%;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(.5);transform: scale(.5);-webkit-transition: all .5s ease;transition: all .5s ease;cursor: pointer;}
.index-synopsis-item .item-wrap .item-img a:hover:after {opacity: .7;filter: alpha(opacity=70);-webkit-transform: scale(.8);transform: scale(.8);}
.bar-more {text-align: center;}
.btn-readmore, .btn-readmore:after {-webkit-transition: all .3s ease;transition: all .3s ease;}
.btn-readmore {*display: inline;}
.btn-readmore {display: inline-block;width: 115px;line-height: 16px;padding: 12px 10px;border: 1px solid #666;background-color: rgba(255,255,255,.8);margin-top: 20px;text-align:center}
.synopsis-item .item-wrap .item-img a:hover:after {opacity: .7;filter: alpha(opacity=70);-webkit-transform: scale(.8);transform: scale(.8);}
.main-product-wrap {padding: 85px 0;}
.product-wrap {margin: 0 -15px;}
.index-product-item .item-wrap {margin: 0 15px;position: relative;}
.index-product-item .item-wrap .pd-img {display: block;position: relative;}
.index-product-item .item-wrap .pd-img a {margin-top:1px;display: block;overflow: hidden;position: relative;-webkit-transition: all .3s ease;transition: all .3s ease;}
.index-product-item .item-wrap .pd-img a:before {content: '';display: block;width: 40%;height: 40%;background-color: #000;background-image: url(../img/pd-hover-arrow.png);background-position: center;background-repeat: no-repeat;opacity: 0;transform: scale(.6);visibility: hidden;position: absolute;left: 30%;top: 30%;z-index: 2;border-radius: 0%;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index-product-item .item-wrap .pd-img img {display: block;width: 100%;height: auto;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index-product-item .item-wrap .pd-info {text-align: center;}
.index-product-item .item-wrap .pd-name {max-width: 170px;margin: 15px auto 0;font-size: 14px;}
.index-product-item .item-wrap .pd-name a {display: block;height: 36px;line-height: 18px;overflow: hidden;}
.index-product-item .item-wrap .pd-img a:hover {box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.index-product-item .item-wrap .pd-img a:hover:before {transform: scale(.8);visibility: visible;opacity: .8;border-radius: 50%;background-color: #272e89;}
.about-us-wrap {padding: 85px 0;}
.about-us-wrap .about-tit-bar .about-tit {font-size: 30px;font-weight: normal;line-height: 1.1;margin-bottom: 25px;margin-left: 50%;padding: 20px 0 0 4%;}
.about-us-wrap .about-tit-bar strong {font-family: SourceSansProSemibold;font-size: 30px;}
.about-banner {width: 50%;position: relative;float: left;top: -100px;margin-bottom: -80px;}
.about-detail {width: 46%;float: right;font-size: 18px;line-height: 1.3;}
.about-detail, .about-detail a {color: #444;}
.about-detail .bar-more {text-align: left;}
.promote-banner {padding: 100px 0;background-attachment: fixed;text-align: center;line-height: 1.2;font-size: 22px;position: relative;}
.promote-banner, .promote-banner a {color: #fff;}
.promote-banner p {max-width: 920px; margin: 0 auto;position: relative;z-index: 2;}
.promote-banner:hover:before {background-color: rgba(0,0,0,.1);}
.promote-banner:before {content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-color: rgba(0,0,0,.4);-webkit-transition: all 1s ease;transition: all 1s ease;}
.index-about-swiper .swiper-pagination-bullet-active{background-color: #000;}
.index-product-swiper .swiper-slide {width: 25%;}
.index-synopses-swiper .swiper-slide {width: 33.33333333%;}
/*联系我们*/
.mk-contact{padding: 0}
.mk-contact .entry {padding: 15px 0;color: #666;}
.mk-contact .address-warp{padding-top: 70px;padding-bottom: 65px;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;}
.mk-contact .address-text{font-weight: 300;color: #111111;text-align: center;font-size: 30px;letter-spacing: 2px;}
.mk-contact .content{text-align: center;}
.mk-contact .content .el-button{width: 100px;height: 100px;background: #f2f2f2;border-color: #f2f2f2;margin: 20px;}
.mk-contact .content .el-button i{color: #21c2f8;font-size: 60px;}
.mk-contact .content .title{font-size: 22px;color: #666;}
.mk-contact .content .detail{margin: 0;padding: 8px 0;font-size: 16px;line-height: 1.8;}
/*产品*/
.mk-cms-warp:after{content: "";display: block;clear: both;visibility: hidden;height: 0;}
.product-item{padding:0}
.product-parameter-warp p{margin:10px 0;}
/*验证码*/
.mk-form .mk-form-captcha-code{width:120px}
/*菜单*/
.mk-menu{display:none;}
/*头部*/
.mk-page-header{text-align: center;}
.mk-page-header .title{font-size: 20px;}
.mk-page-header .desc{font-size: 14px;margin:10px 0}
/*产品侧边*/
.aside .el-tree-node__content{background: #eee;height: 40px;}
.aside .custom-tree-node{width: 100%}
.aside .custom-tree-node a{display: inline-block;width: 100%}
/*文件预览*/
.mk-images-preview{text-align: center;}
.mk-images-preview .el-dialog__close{font-size: 30px}
.mk-images-preview .el-dialog__header{display: none}
.mk-images-preview .el-dialog__body{position: relative;padding: 60px;text-align: center;}
.mk-images-preview .el-icon-close{font-size: 30px;position: absolute;top: 20px;right: 20px;cursor: pointer;}
.mk-images-preview .el-dialog__body .arrow{height: 40px;position: absolute;top: 50%;transform: translateY(-50%);bottom: 0;cursor: pointer;}
.mk-images-preview .el-dialog__body .left{left: 10px;}
.mk-images-preview .el-dialog__body .right{right: 10px;}
.mk-images-preview .page{font-size: 16px;text-align: center;}
/*手机视图*/
@media screen and (max-width: 768px) {
    #app{overflow:hidden}
    .mk-personal{display: block;padding: 0px;width: 100%}
    .mk-personal-content{width: 100%}
    .mk-personal-content table th{font-size: 14px;font-weight: 400;}
    .mk-personal-dashboard .counter-item{text-align: center;}
    .mk-personal-dashboard .counter-item i{float: none}
    .mk-personal-dashboard .counter-item h4{margin:0;text-align: center;line-height: 20px;height: 20px;font-size: 20px;}
    .mk-personal-dashboard .counter-item p{font-size: 16px;margin:0;margin-top: 10px;}
    .no-chilader .el-icon-arrow-right{display: none}
    .index-product-swiper .swiper-slide,
    .index-news-swiper .swiper-slide,
    .index-synopses-swiper .swiper-slide{width:100%}
    .related .swiper-slide{width:50%}
    .product-item{width:50%}
    .mk-cms-warp{width:100%}
    .mk-layout {width: 100%;padding:0 3%;}
    .mk-header{margin-bottom:48px;}
    .header-menu{display:none}
    .header-topbar{display:block;position: fixed;width: 100%;top: 0;left: 0;z-index: 999;border-bottom:0;padding:5px 0;}
    .header-sub{padding: 120px 20px 20px 20px;margin: 0 auto 20px;}
    .aside{display:none}
    .main{width:100%;padding:3%;}
    .el-row{margin:0!important;}
    .mk-menu{display: block;float: left;font-size: 30px;color: #fff;margin-top: 0px;}
    .mk-menu-drawer{width: 100%;height: 100%;padding: 10px 12px;position:relative;background: #474747;}
    .mk-menu-drawer .mk-menu-logo{width:100%;text-align: center;}
    .mk-menu-drawer .mk-menu-logo img{width: 120px;}
    .mk-menu-drawer .mk-menu-close{position: absolute;right: 10px;top: 10px;}
    .mk-menu-drawer .mk-menu-close i{font-size:22px;color:#fff}
    .mk-menu-drawer .mk-menu-collapse{margin-top:20px}
    .mk-menu-drawer .el-collapse{border:0}
    .mk-menu-drawer .el-collapse-item:last-child{margin-bottom:0}
    .mk-menu-drawer .el-collapse-item__header,.mk-menu-drawer .el-collapse-item__wrap{background: #474747;}
    .mk-menu-drawer .el-collapse-item__header a{color:#fff;width:80%}
    .mk-menu-drawer .el-collapse-item__arrow {color:#fff}
    .mk-menu-drawer .mk-menu-leve2 .el-collapse-item__wrap,.mk-menu-leve3 .el-collapse-item__wrap{border:0}
    .mk-menu-drawer .mk-menu-leve2 .el-collapse-item__header,.mk-menu-leve3 .el-collapse-item__header{border:0}
    .mk-menu-drawer .mk-menu-leve2,.mk-menu-leve3{margin-left:10px}
    .mk-menu-drawer .string{font-size: 40px;color:#fff}
    .mk-menu-drawer .el-collapse-item__content{padding-bottom:0}
    .mk-menu-drawer .empty .el-collapse-item__wrap, .mk-menu-drawer .empty .el-collapse-item__arrow{display:none}
    .mk-userinfo{color:#fff;margin-top:0;padding: 4px 15px;}
    .mk-language-selected{margin-top:4px;padding:5px 15px;}
    .mk-language-title{color:#fff}
    .mk-icon-down{color:#fff}
    .mk-search-input{margin-top:4px}
    .login-side{display:none}
    .login-wrapper{min-width:100%}
    .login-container{width:100%}
    .login-side-content, .login-form-content{padding: 20px}
    /*自定义*/
    .foot-gotop{display:none}
    .about-banner{float: none;top: 0;margin-bottom: 0;width:100%}
    .about-detail{width:100%;float:none}
    .about-us-wrap .about-tit-bar .about-tit{margin-left:0;padding:0;text-align:center}
    .index-tit-bar .title{font-size:26px;line-height: 52px;}
    .index-synopsis-item .item-wrap .item-title {height: 30px;line-height: 30px;}
    .company-synopses-wrap{padding: 30px 0;}
    .main-product-wrap{padding: 30px 0;}
    .about-us-wrap{padding: 30px 0;}
    .mk-search-input .mk-search-button{width:40px}
    .foot-wrapper, .nav-bar, .head-wrapper {max-width: 100%;min-width: inherit;}
    .foot-wrapper {background: none;}
    .foot-wrapper:after {display: none;}
    .foot-wrapper .mk-layout {padding: 0}
    .foot-items {padding: 0;}
    .foot-item {width: 100%;padding: 10px 15px;max-width: inherit;float: none;}
    .foot-item-contact {background-color: #272e89;border-bottom: 1px solid rgba(0,0,0,.3);}
    .foot-item-inquiry {background-color: #0069ad;background-image: url(../img/footer-bg-map.png);background-size: auto 60%;background-repeat: no-repeat;background-position: center;}
}